/* css reset */

body,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,select{
    margin: 0;
    padding: 0;
}
body{
    line-height:1.5;
    color: #333;
    background-color: #f9f9fa;
    font-family: Arial, Helvetica,"microsoft Yahei", sans-serif;    
    --themecolor:#027cdb;
    /* 取消移动端点击的时候背景的颜色区域 */
    -webkit-tap-highlight-color: transparent;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
a{
    color:#333;
    text-decoration: none;
    transition: 0.2s;
}

li{
    list-style: none;
}
img{
    vertical-align: middle;
}
p{
    line-height: 2;  
    text-align: justify;  
}
i,em{
    font-style: normal;
}
input,select,button{
    outline: none;
}

html{
    font-size: 16px;
}

@media screen and (min-width:375px) {
    html {
        /* 375px宽度使用16px基准尺寸，414px宽度时根字号大小正好是18px*/
        /* 375px 16px
           414px 18px 
           400px ?px

           39px : 2px  = 100vw - 375px : ?px
        */
        font-size: calc(16px + 2 * (100vw - 375px) / 39);
    }
}

@media screen and (min-width:414px) {
    html {
        /* 屏幕宽度从414px到1000px，根字号大小累积增加4px */
        font-size: calc(18px + 4 * (100vw - 414px) / 586);
    }
}

@media screen and (min-width:1000px) {

    /* 屏幕宽度从1000px往后每增加100px，根字号大小就增加0.5px */
    html {
        font-size: calc(22px + 5 * (100vw - 1000px) / 1000);
    }

    /* 也可以设置为固定值 */
    /* html{
font-size: 22px;
} */

}